<template>
	<view>
		<view class="info">
		  <rich-text :nodes="richTextContent"></rich-text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				richTextContent : '',
			};
		},
    onLoad(options) {
      console.log(options.url)
      this.fetchRichTextContent(options.url)
    },
    methods:{
      async fetchRichTextContent(url) {
        console.log(url)
        // 从 URL 获取富文本内容
        uni.request({
          url: url,
          method: 'GET',
          success: (res) => {
            if (res.statusCode === 200) {
              this.richTextContent = res.data; // 将 HTML 内容保存到 data 中
            } else {
              console.error('请求失败:', res.statusCode);
            }
          },
          fail: (err) => {
            console.error('请求失败:', err);
          },
        });
        //
      }
    }
	}
</script>

<style lang="scss">
 .info {
   padding: 0 20px; /* 左右内边距为 20px */
   max-width: 750px; /* 最大宽度为 750px */
   margin: 0 auto; /* 水平居中 */
   box-sizing: border-box; /* 确保 padding 不会增加容器宽度 */
 }
</style>
